.jcyp {
    background-color: white;
    width: 100%;
    height: 30px;
    margin-left: 1%;
    margin-top: -1%;
  }
  .page {
    width: 100%;
    height: 50px;
    background-color: white;
    margin-top: 500px;
    margin-left: 100px;
  }
  .yp1{
    width: 100%; height: 50px; background-color: white
  }
  .yp2{
    background-color: burlywood; width: 10px; height: 30px; margin-left: 1%
  }
  .yp3{
    display: flex; float: left; margin-top: -7%; margin-left: 5%
  }
  .allYP{
    width: 100%; height: 350px; background-color: white
  }
  .box-card{
    width: 100%
  }
  .allYP1{
    width: 100%; height: 200px; background-color: white
  }
  .allYP2{
    height: 40px; width: 40px
  }
  .imageP{
    border-radius: 50%; overflow: hidden; margin-top: 2%; margin-left: 1%
  }
  .cname{
                  display: flex;
                  float: left;
                  color: #333333;
                  font-size: larger;
                  margin-left: 20%;
                  margin-top: -13%;
                  font-weight: bold;
                
  }
  .ct{
    
                  display: flex;
                  float: left;
                  color: darkgray;
                  font-size: medium;
                  margin-left: 41%;
                  margin-top: -11%;
                  font-weight: bold;
                
  }
  .allCom{
                width: 100%;
                overflow: auto;
                height: 140px;
                background-color: white;
                margin-left: 10%;
              
  }
  .allCom2{
    display: flex;
    font-size: smaller;
    float: left;
    overflow: auto;
    text-align: left;
    color: #333333;
  }